<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./../../../template.xhtml">

            <ui:define name="title">CS - Visitantes</ui:define>
            
            <ui:define name="mainMenu">
                <ui:include src="./../../../mainMenu.xhtml" />
            </ui:define>
            
            <ui:define name="subtitle"><h:outputLabel value="Visitantes > Relatórios Visitantes"/></ui:define>

           
            
            <ui:define name="content">
                <center>
                    <h4><h:outputLabel value="Relatório Mailing"/></h4>
                </center>
                <p/>
                <h:form>  
                    <div align="right">
                        <h:selectOneMenu id="filterName" value="#{visitanteMB.filterName}" >
                            <f:selectItem itemLabel="Cidade" itemValue="cidade" />
                            <f:selectItem itemLabel="EstadoId" itemValue="uf" />
                        </h:selectOneMenu>

                        <h:inputText id="filterValue" size="30" value="#{visitanteMB.filterValue}" />
                        <h:commandButton value="Filtrar" action="#{visitanteMB.filtrar}" />
                    </div>
                    
                    <p/>
                    <div id="divOptionPage">
                       <h:commandLink actionListener="#{VisitanteMB.PDF}" >
                            <h:graphicImage library="imagens" name="pdf.ico" alt="PDF" title="PDF"/>
                        </h:commandLink>
                        <h:commandLink actionListener="#{VisitanteMB.XML}" >
                            <h:graphicImage library="imagens" name="xml.ico" alt="XML" title="XML" styleClass="ico_menu_data_table" />
                        </h:commandLink>
                    </div>
                    <p/>
                   
                    <!-- BEGIN - tabela prime faces -->                  
                    <p:dataTable id="dataTable" var="visitante" value="#{visitanteMB.visitantes}"  
                                  paginator="true" rows="10"  
                                  paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                  rowsPerPageTemplate="30,50,100">  

                        <p:column sortBy="#{visitante.nome}">  
                             <f:facet name="header">  
                                 <h:outputText value="Nome" />  
                             </f:facet>  
                             <h:outputText value="#{visitante.nome}" />  
                         </p:column>  
                        
                        <p:column sortBy="#{visitante.cidade}">  
                             <f:facet name="header">  
                                 <h:outputText value="cidade" />  
                             </f:facet>  
                             <h:outputText value="#{visitante.cidade}" />  
                         </p:column> 
                        
                        <p:column sortBy="#{visitante.uf}">  
                             <f:facet name="header">  
                                 <h:outputText value="Estado" />  
                             </f:facet>  
                             <h:outputText value="#{visitante.uf}" />  
                         </p:column> 


                    </p:dataTable> 
                    <!-- END - tabela prime faces -->

                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
